{extend name="default/base/base_home" /}
{block name="mall_main"}


<div class="w1200">

    <div class="dsh-recommend-borand">
        <h2 class='title'><p>国家馆</p></h2>
        <div class="dsh-barnd-list">
            <ul>
                {foreach name="brand_r" item="brand"}
                <li>
                    <dl>
                        <dt><a href="{:url('Country/country_list',array('country'=>$brand.country_code))}"><img class="lazyload" src="{$brand.country_icon|country_thumb}"/></a></dt>
                        <dd><a href="{:url('Country/country_list',array('country'=>$brand.country_code))}"></a>{$brand.country_name}</dd>
                    </dl>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>
<script>
    $(".tabs-nav > li > a").on('click', function() {
        var tabs = $(this).parents('ul:first').children("li");
        var panels = $(this).parents('.dsh-brand-class:first').children(".tabs-panel");
        var index = $.inArray(this, $(this).parents('ul:first').find("a"));
        if (panels.eq(index)[0]) {
            tabs.removeClass("tabs-selected").eq(index).addClass("tabs-selected");
            panels.addClass("tabs-hide").eq(index).removeClass("tabs-hide");
        }
    });
</script>


{/block}
